body{background-color: #f6f6f6;font-family: "Microsoft Yahei"}
img{vertical-align: middle;}
strong{font-weight: normal;}
i{font-style: normal;}
table{border-collapse:collapse;border-spacing:0}
input{margin: 0;padding: 0}
.clearfix:before,.clearfix:after,.order-list li:before,.order-list li:after{content: "";display: table;}
.clearfix:after,.order-list li:after{clear:both;}
.clearfix,.order-list{zoom:1;}
a.order-btn,a.order-btn:hover,.right-name a,.right-name a:hover,.address-btn a,.address-btn a:hover{color: #fff;text-decoration: none}
.gradient{
    background-image: -moz-linear-gradient(top,#fff,#f4f4f4);
    background-image: -ms-linear-gradient(top,#fff,#f4f4f4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f4f4f4));
    background-image: -webkit-linear-gradient(top,#fff,#f4f4f4);
    background-image: -o-linear-gradient(top,#fff,#f4f4f4);
    background-image: linear-gradient(top,#fff,#f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f4f4', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.gradient2{
    background-image: -moz-linear-gradient(top,#fff,#eee);
    background-image: -ms-linear-gradient(top,#fff,#eee);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));
    background-image: -webkit-linear-gradient(top,#fff,#eee);
    background-image: -o-linear-gradient(top,#fff,#eee);
    background-image: linear-gradient(top,#fff,#eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }
.section{width: 1200px;margin:0 auto;}
.left-panel{float: left;width:870px;}
/*.right-panel{float: right;width: 300px;}
*/
.right-panel{ /*position: fixed;*/ width: 300px;}
.i,.star,.tab,.i-fav,.i-fav-not{background: url(../images/icon.png) no-repeat scroll 0 0 transparent;}
.i-can{width: 24px;height: 20px;background-position:0 -60px }
.i-num{width: 31px;height:31px;background-position:1px -89px;line-height: 31px;text-align: center;overflow: hidden;color: #fff;font-size: 14px;
    display: inline-block;}
.i-shop{width: 100px;height: 100px;background-position:-300px -100px;position: absolute;top: 22px;left: 44px;display: none}
.i-empty,.i-comment{width: 210px;height: 120px;text-indent: -9999em;margin: 0 auto;}
.i-empty{background-position:-190px -820px; margin:15px auto;}
.i-comment{background-position:-190px -950px;margin:20px auto;}
.i-add,.i-plus{width:30px;height: 30px;float:left;display: none}
.i-plus{background-position:0 -170px;left:0;}
.i-add{background-position: 0 -130px;right:0;}
.i-fav,.i-fav-not{width: 21px;height: 21px;display: inline-block;vertical-align: middle;}
.i-fav-not{background-position:0 -30px;}
.i-fav{background-position: 0 0;}
.i-browser,.i-other,.i-to-book,.i-to-cancel{width: 230px;height: 56px;float:left;display:inline;text-indent: -9999em}
.i-browser{background-position:-60px -90px;margin-right: 50px}
.i-other{background-position:-60px -150px }
.i-to-book{background-position: -110px -500px;margin-right: 50px}
.i-to-cancel{background-position: -110px -410px}
.i-location{width: 33px;height: 51px;background-position: -24px 0;}
.i-close{width: 40px;height: 40px;background-position: 0 240px;}
.i-book,.i-closed{width:241px;height: 240px;line-height:84px;margin: 0 auto;color: #fff;font-size: 20px;text-align: center;text-indent: -9999em}
.i-book{background:url(../images/canresv.png);}
.i-closed{background:url(../images/isclosed.png);}
.i-trash{width: 15px;height: 22px;background-position: 0 -210px;position: absolute;top:10px;right: 20px}
.i-sorry{width: 155px;height: 202px;background-position: 0 -870px;float: left;margin-right: 50px;display: inline}
.i-star,.i-star-grey{width: 13px;height: 13px;background-position:0 -300px }
.i-star-grey{background-position: 0 -320px}
.star{width:93px;height: 13px;background-position: 0 -340px;position: absolute;top: 7px;}
.star1{background-position:0 -360px;}
.star2{background-position:0 -380px;}
.star3{background-position:0 -400px;}
.star4{background-position:0 -420px;}
.star5{background-position:0 -440px;}
.shop-panel{padding:30px 0 30px 20px;height:120px;width:848px;border:1px solid #ddd;border-radius: 8px;position: relative;background-color: #f9f9f9;
    box-shadow:1px 2px 3px #d2d2d2;margin-bottom: 38px; z-index: 200}
.shop-info,.delivery,.shop-logo,.shop-about{float:left;}
.shop-info{width: 360px;height:120px;background-color: #f9f9f9;position: relative;z-index: 59;}
.visible{padding:0 15px;cursor: pointer;position: relative;z-index: 59;width: 330px}
.invisible{padding-top:70px;width:358px;border:1px solid #ddd;border-top:none;position: absolute;top:50px;left:0;box-shadow:1px 2px 3px #d2d2d2 ;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:none;z-index: 49}
.invisible-con{width: 328px;padding:15px;background-color:#f5f5f5;}
.invisible-main{border-top:1px solid #ddd;width: 308px;padding-top: 15px;margin: 10px;}
.average,.location,.open-time{padding-bottom: 10px;font-size: 16px;color: #666}
.label{color: #999;}
.money{color: #E06846}
.map{width: 308px;height: 200px;overflow: hidden; border:2px solid #ddd;}
.delivery{padding-left: 50px;width: 438px;padding-top:17px;}
.shop-panel .i-fav,.shop-panel .i-fav-not{position: absolute;top:10px;right: 10px}
.shop-logo img{border-radius: 50%;}
.shop-about{padding-left: 30px;width: 180px;height:120px;position: relative;}
.shop-name{line-height: 24px;height:48px;overflow:hidden;font-size: 18px;color: #666;}
.cursor{border-top:8px solid #ddd;border-left:8px solid transparent;border-bottom:none;border-right:8px solid transparent;height: 0;width:0;
    line-height: 0;position: absolute;right:-15px;top:8px;cursor: pointer;}
.transform{-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.scope{line-height:22px;height: 44px;font-size: 14px;color: #999;padding:1px 0;overflow: hidden;}
.express{color: #8FC320;padding-left: 3px}
.rate{line-height: 26px;height: 26px;position: relative;}
.score{color:#E06846;position: absolute;left: 103px;}
.time,.start,.price{float: left;width: 118px;padding:0 12px;}
.time .tit,.start .tit,.price .tit{line-height: 30px;height: 30px;font-size: 20px;color: #666}
.time .infos,.start .infos,.price .infos{line-height: 72px;height: 72px;border-right:1px solid #ddd;}
.price .infos{border-right:none;}
.infos .num{font-size: 46px;color: #8FC320;padding-right: 10px}
.infos .small{font-size:16px;color: #999 }
.goods-panel{margin-bottom: 10px}
.tab-panel{width: 870px}
.menu-tab,.evaluation-tab{width: 290px;height: 48px;line-height: 48px;float: left;text-align: center;color: #666;font-size: 20px;
    background-position:-60px -273px;cursor: pointer;padding-top: 6px;}
.menu-tab.on,.evaluation-tab.on{background-position: -110px -1080px;color: #fff;}
.goods-con{border:1px solid #ddd;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-color: #fff}
.menu-panel{padding-bottom: 10px;width:868px; position: relative;}
.menu-sort{  width:668px; float:left;border-left:1px solid #ddd;background-color: #fff;padding-top: 30px; overflow: hidden;}
.menu-list{ border-right:1px solid #ddd; position: absolute; width: 199px;border-bottom:1px solid #ddd;float: left;padding-top: 25px;}
.goods{margin-bottom: 10px}
.items{height: 50px;line-height: 50px;display: block;padding-left: 20px;width: 179px;color: #999;font-size: 16px;cursor: pointer;border-top: 1px solid #ddd;background-color: #fcfcfc;position: relative;z-index: 2; overflow: hidden;}
.item.on .items{ overflow: hidden; width:213px;color: #fff;border-top: none;background: url(../images/icon.png) no-repeat scroll -110px -345px transparent;}
.evl-tit{padding-left: 46px;background: url(../images/se-titbg.png) repeat scroll 0 0;color: #666;font-size: 20px;
border-top:1px solid #ddd;border-bottom: 1px solid #ddd}
/*.good-list{padding-top: 26px;}*/
.with-pic{padding-left:33px;padding-top:20px;}
.with-pic li{width: 188px;height:227px;border-radius: 5px;border:1px solid #ddd;float: left;margin-right: 17px;margin-bottom: 17px;display: inline;}
.with-pic li .img{width: 188px;height: 144px;position:relative;}
.with-pic .i-num{position: absolute;top:10px;left: 10px}
.goods-infos{padding: 1px 8px 8px 8px;}
.goods-name{line-height: 18px;height: 18px; overflow:hidden; padding:2px 0;font-size: 16px;overflow: hidden;color: #666;}
.goods-name a{color: #666}
.goods-price{line-height: 28px;height: 28px;color: #E06846;font-size: 16px}
.goods-infos .score{color: #666;font-size: 16px;color: #999}
.sold{float: right;color:#999;}
.sold strong{color:#E06846}
.without-pic{padding-top: 20px}
.without-list{border-top:1px solid #ddd;border-bottom: 1px solid #ddd;}
.without-list li{border-bottom:1px dashed #ddd;border-left:5px solid #fff;padding-left:33px;}
.without-list li.on{border-left-color: #E05D33;background-color: #F2F2F2}
.without-list .tr td{padding: 10px;overflow: hidden;}
.without-list .tr .pro-name{width: 255px;line-height: 24px;font-size: 16px;position: relative;padding-left: 0}
.pro-name a{color: #666;font-family: "Microsoft Yahei";}
.without-list .tr td a:hover{text-decoration: none}
.pro-name .i{vertical-align: middle;margin-left: 10px}
.pro-num{width: 40px}
.pro-price{width: 130px}
.i-cart{width: 72px;height: 41px;padding-left:55px;line-height: 41px;color: #666;display: block;font-size: 16px;font-family: "Microsoft Yahei"}
.without-list li.on .i-cart{color: #fff;background: url(../images/icon.png) no-repeat scroll -60px -40px transparent;}
.without-list .tr td.pro-rate{width: 120px;padding:10px 20px 10px 15px;color: #999;font-size: 14px}
.pro-rate .score,.pro-rate .sold strong{color: #999}
.pro-rate .sold{float: none;text-align: right;}
.evaluation-panel{padding: 25px 0 0 22px; }
#comment-zone{max-height: 672px}
.eva-list li{padding:10px 0;float: left;display:inline;margin-right:22px;margin-bottom:22px;width:398px; overflow:hidden;border:1px solid #ddd;border-radius: 8px;box-shadow:1px 2px 3px #d2d2d2;color: #999;background-color: #fcfcfc}
.user-eva{padding:0 10px;position: relative;height: 30px;line-height:30px;font-size:16px;padding-bottom: 7px;border-bottom: 1px solid #ddd}
.user-eva .star{right:20px;top:8px;}
.user-eva a{color: #999}
.eva-con{ text-indent:24px; font-size: 16px;color: #666; overflow: hidden;padding: 10px;line-height: 1.5; height: 68px;}
.eva-time{line-height: 21px;font-size: 14px;text-align: right;padding:0 10px;}
.cart-tab{width: 300px;height: 40px;background-position: -100px -1140px;text-indent: -9999em;position: relative;}
.cart-con{width: 298px;border:1px solid #ddd;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding: 5px 0;background-color: #F0F0F0;}
.order-panel,.order-info{margin-bottom: 5px;background-color: #fff}
.waves,.waves2{height: 5px;width: 298px; line-height: 5px; font-size: 5px;  }
.waves{ float: left; background: url(../images/waves1.png) no-repeat scroll 0 0 transparent}
.waves2{background: url(../images/waves2.png) no-repeat scroll 0 0 transparent}
.order{width: 282px;margin:0 auto;}
.order-tit{line-height: 30px;height: 30px;color: #999;font-size: 14px;border-bottom: 1px solid #ddd}
#content_1{max-height: 140px;width: 282px;overflow: hidden; float: left;}
.scrollbar{width:266px;}
.what,.order-num,.order-price,.order-name,.price-num{float: left;}
.what,.order-name{width:125px;overflow: hidden;}
.order-num{padding-left: 30px;width: 64px}
.count-panel{width: 94px;position: relative;}
.order-price,.price-num{width: 43px}
.scrollbar li{ border-bottom: 1px solid #ddd;line-height: 30px;width:266px;height:30px;overflow:hidden;padding:2px 0;font-size: 13px;color: #666}
.count-panel{height: 30px;float: left;}
.place-holder{height: 30px;width: 30px;float: left;padding:0 1px;}
.count-panel .result{width: 28px;height: 28px;line-height: 28px;border: 1px solid #ddd;padding:0;background-color: #EDEDED;margin: 0 auto;
    text-align: center;border-radius: 10px;font-size: 14px;float: left;}
.price-num,.sum strong{color: #e06846}
.order-list .sum{line-height: 22px;font-size: 13px;color: #999;padding: 6px 0}
.sum span{float: left;padding:0 4px;}
.detail-info{padding: 0 0 5px 0;}
.detail-info li{margin-bottom: 4px;font-size: 14px;color: #666;position: relative;/*height: 35px*/}
/*.detail-info li.pay{margin-bottom:0;}*/
.detail-info li.note{height:auto;max-height: 74px;_height:74px;}
.detail-info li.pay,.detail-info li.delivery-time{line-height: 22px;height: 22px;}
.detail-info .btn-pay{width:80px;height: 20px;line-height: 20px;border: 1px solid #ddd;display:inline-block;zoom:1;background-color: #FEFEFE;
    text-align: center;margin:0 10px;font-size: 14px}
.detail-info .btn-pay.se{border-color:#C63D11;background-color: #DE592E;color: #fff}
a.btn-pay{color: #999}
a.btn-pay:hover{text-decoration: none;color: #999}
.position{ height: 25px; overflow: hidden; background-color: #F1F1F1;line-height: 25px;width:100%;text-align:center;border:1px solid #ddd; float: left}
.detail{color: #999;padding:2px 5px;border:1px solid #ddd;height: 30px;line-height: 30px;font-size: 14px;}
.address .detail{float:left;width: 272px; border-top: none;}
.info-name .detail,.phone .detail,.textarea{width:270px}
.textarea-label{position: absolute;left:5px;color: #999; top: 8px;}
.textarea{font-family:"Microsoft YaHei"; height:36px;width:276px;word-wrap: break-word;overflow-x: hidden;overflow-y: hidden; line-height: 36px;margin: 0;color: #999;padding:0px 2px;border:1px solid #ddd;outline:0;resize:none;font-size: 14px}
.remark{position: relative;height: 45px;}
/*.textarea:before{content: "备注";position: absolute;top:2px;color: #999}*/
/*.textarea.focus:before{content:"";}*/
.note-tips{position:absolute; height: 30px;top:-32px;left:5px;z-index:2;font-size: 14px;display: none}
.note-tips .tips{padding:0 2px;height:28px;border:1px solid #ddd;line-height: 28px;display: inline-block;border-radius:6px;background-color:#F1F1F1}
.tips a{float: left;}
.tips .div{height: 19px;width:0px;border-left:1px solid #ddd;background-color: #ddd;float:left;display:inline;margin:8px 5px;}
.tips a,.tips a:hover{color:#999;text-decoration: none}
.note-tips .arr{border-bottom:none;border-top:10px solid #f1f1f1;border-left:10px solid transparent; border-right:10px solid transparent;line-height: 0;height: 0;width: 0;position: absolute;top:29px;left:25px;}
.detail-info li.order-info-tit{line-height: 30px;height: 30px;color: #999;font-size: 16px}
.order-btn{height: 40px;line-height: 40px;width: 282px;margin:5px auto 0;border:1px solid #8E8E8E;background-color: #999999;
    display: block;font-size: 20px;text-align: center;border-radius: 8px;}
.order-btn.yes{border-color:#C63D11;background-color: #DE592E;}
.right-zone{position: fixed;z-index: 1000;top: 0;left:-450px;width: 430px;height: 100%;overflow:hidden;background: #f9f9f9;transition: left 0.3s ease 0;}
.slide{left: 0;}
#right-scroll{height: 100%;}
.right-section{height: 100%;overflow:hidden;box-shadow: 0 0 4px rgba(0,0,0,0.3);position: relative;}
.right-img{width: 430px;height: 252px;position: relative;background: url(../images/right-bg.jpg) no-repeat scroll 0 0}
.right-close{width: 40px;height: 40px;background-position: 0 -240px;position: absolute;top:13px;right:15px;}
.right-name{position: absolute;bottom: 0;width: 405px;height: 40px;line-height: 40px; padding-left:25px;color: #fff;text-shadow: 0 0 6px rgba(0,0,0,0.65);overflow: hidden;font-size: 20px;background:rgba(0,0,0,0.3);}
.right-name .i-fav-not{position: absolute;right:24px;top:9px;}
.right-con{padding: 5px 0 5px 10px;width: 400px;}
.right-con .eva-list{width: 400px}
.right-con .eva-list li{margin-right:0;}
.address-box{width: 600px;}
.address-box .pwbox-cont{color: #666;padding:30px 0;  }
.my-address{line-height: 36px;color: #666;margin-bottom: 12px;font-size: 18px;}
/*.address-panel{height: 412px;max-height: 442px;}*/
#address-list{height: 412px;width:100%;overflow:hidden;max-height: 412px;margin:0 auto;}
.address-items{width: 90%; margin:0 auto}
.address-items li{width:400px;font-size: 16px;margin: 10px; float: left; cursor: pointer}
.address-num,.address-con{padding:0 20px;border:1px solid #ddd;}
.address-num{width:358px;position:relative;line-height: 40px;height:39px;border-radius: 8px 8px 0 0;border-bottom: none;background: url(../images/mem-titbg.png) repeat-x;}
.address-con{width:378px;border-radius: 0 0 8px 8px;border-top:none;padding:20px 0 20px 20px;background-color: #fff;line-height: 40px;position: relative;}
.address-con .add-label{color: #999}
.default .address-num{background:#DE592E;color: #fff;border-color:#DE592E;}
.default .address-con .i-location{position: absolute;bottom: 20px;right: 20px}
.to-use{position: absolute;right:20px;top:0;}
a.to-use:hover{text-decoration: none}
.enter-address{padding:16px 50px;line-height: 50px;height:50px;font-size: 18px;color: #666}
.enter-address .city,.add-input{padding: 2px 10px;border:1px solid #ddd;border-radius: 6px;line-height: 44px;height: 44px;background-color: #fff;}
.enter-address .city{float:left;width:190px;margin-left: 25px;display: inline}
.add-input{vertical-align: middle;width: 300px;float: right;}
.address-btn{text-align: center;padding-top: 10px}
.btn-con,.btn-can{width: 230px;height:56px;line-height:56px;text-align:center;font-size: 20px;display: inline-block;border-radius: 8px;}
.btn-con{background-color: #ff4700}
.btn-can{background-color: #ccc;margin-left: 96px}
a.btn-con:hover{background-color: #f73500}

.sorry-panel{font-size: 20px;color: #666;line-height: 36px;padding:40px 0}
.hide{display: none;}
.no-scroll{overflow: hidden;}
.mask{width: 100%; height: 100%; position: fixed; z-index: 999; top: 0px; left: 0px;overflow: hidden; background-color: #000;filter:alpha(opacity=60);opacity: 0.6;display:none;}
.reserved select{ width: 49%; height: 30px; padding:4px 0 4px 0\9;}
.reserved .address-btn a{ width: 45%; height: 40px; line-height: 40px;}

.login-pop{width:387px;}

.pwbox-head,.login-pop-tit{position: relative;background-color: #F1F1F1;font-size: 20px;color: #666;border-radius:8px 8px 0 0;border:1px solid #ddd;border-bottom:none;}
.login-pop-tit{line-height: 50px;height: 50px;padding-left: 15px;}
.protocal-head .close,.pwbox-head .close,.login-pop-tit .close{width: 40px;height: 40px;position: absolute;text-indent: -9999em;font-size: 12px;cursor: pointer;background:url(../images/index.png) no-repeat -1px -168px scroll transparent;}
.login-pop-tit .close{top:5px;right: 5px;}

.pwbox-cont,.login-pop-con{background: url(../images/se-titbg.png) repeat scroll 0 0;border-radius:0 0 8px 8px;border:1px solid #ddd;}
.login-pop-con{width:304px;padding: 22px 45px 22px 36px;}
.login-pop-con .login-tab{width:262px;height: 31px;padding: 4px 20px;border:1px solid #ddd;border-radius: 8px;margin-bottom: 22px;background-color: #f1f1f1}

.js_MASK , .js_MASK2{width:100%; height: 100%;position:fixed;top:0;left:0;z-index:1000;background:#000}
.js_DIA{ display: none; position: fixed; z-index: 1001;top:-1020px;left:0;}


.order-info-tit a{  color:#C63D11}



.sl-line {  }

.peisong{height: 30px; border-top: 1px solid #D6E9C6; border-bottom: 1px solid #D6E9C6; background: #DFF0D8; min-width: 1200px; line-height: 30px; font-family:"微软雅黑";}
.peisong .fl{ font-size:11pt; color:#3c763d;}
.peisong span{ float:left; line-height:30px;}
.btn-ckct{ width:122px; height:36px; background:url(../images/icon.png) -60px 0; border:none; cursor:pointer;}
.btn-cgadd{width:115px; height:36px;background:url(../images/icon.png) -190px 0; border:none; cursor:pointer;}
.peisong .btn-ckct{ float: right; cursor: pointer; width: 116px; line-height: 30px; text-align: center; height: 30px; display: block; font-size: 11pt; background: #92C424; color: #fff}
.peisong .btn-cgadd{ float: right; cursor: pointer; width: 116px; line-height: 30px; text-align: center; height: 30px; display: block; font-size: 11pt; background: #DF592F; color: #fff}

.peisong.err{ background:#F2DEDE;  border-top:1px solid #EBCCD1; border-bottom:1px solid #EBCCD1; }
.peisong.err .fl{color:#993333;}
.peisong.err .btn-ckct{ float: right; cursor: pointer; width: 116px; line-height: 30px; text-align: center; height: 30px; display: block; font-size: 11pt; background: #92C424; color: #fff}
.peisong.err .btn-cgadd{float: right; cursor: pointer; width: 116px; line-height: 30px; text-align: center; height: 30px; display: block; font-size: 11pt; background: #DF592F; color: #fff}

#ui-id-1{  z-index: 2001}



.add_comment_tag{ width: 276px; display: none; position: absolute; height: 30px; line-height: 30px; background: #eee; border:1px solid #ddd;left:0;top: -60px}
.add_comment_tag span{ cursor: pointer; font-size: 11pt; height: 20px; line-height: 20px; display: inline-block; padding:0 2px; margin:0 2px; border:1px solid #ddd; background: #fff}
.add_comment_tag a{  display: block; border-top: 5px solid #ddd;
border-left: 5px solid transparent;
border-bottom: none;
border-right: 5px solid transparent;
height: 0;
width: 0;
line-height: 0;
position: absolute;
left: 10px;
bottom: -5px;}